.package{
    background: #d4145a; background: -moz-linear-gradient(45deg,  #d4145a 0%,#fbb03b 100%); background: -webkit-linear-gradient(45deg,  #d4145a 0%,#fbb03b 100%); background: linear-gradient(45deg,  #d4145a 0%,#fbb03b 100%);
    background: #ffcef3; background: -moz-linear-gradient(135deg,  #ffcef3 0%,#e9e0ed 100%); background: -webkit-linear-gradient(135deg,  #ffcef3 0%,#e9e0ed 100%); background: linear-gradient(135deg,  #ffcef3 0%,#e9e0ed 100%);
    width:100%;
    height:100vh;
    display:flex;
    //flex-direction:column;
    justify-content:center;
    align-items:center;
    .innei-package{
        border-radius:15px;
        box-shadow:0 0 30px lightgray;
        width:950px;
        height:450px;
        background-color:rgba(255,255,255,.7);
        display:flex;
        flex-direction:row;
        overflow:hidden;
        .innei-image-area{
            flex:1;
            height:100%;
            background-size: cover;
        }
        .innei-login-area{
            width:350px;
            height:100%;
            //background-color:black;
            .innei-login{
                height:100%;
                display:flex;
                flex-direction:column;
                justify-content: center;
                align-items: center;
                .title-area{
                    margin:15px 0;
                }
            }
        }
    }
}

.innei-login-pkg{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    //background-color:red;
}

.text-center{
    text-align:center;
}